@charset "UTF-8";
*{margin:0;padding:0;}

%font18{
	font-family:楷体;
	font-size:18px;
}

.warning{
	color:red;
}

body{
	// background-color:rgb(239,239,239);
	background-image:url("../image/timg.jpg");
	background-size:cover;
	background-attachment: fixed;
}

#main section{
	background-color:transparent;
}

#information{
	padding-top:5%;
	padding-left:15%;
	padding-right:15%;
	font-family:楷体;
	h3{
		font-size:25px;
		text-align:center;
	}
	#portraitDiv{
		display:none;
	}
	button{
		@extend %font18;
		margin:0;
		background-color:transparent;
		border:2px white solid;
		color:#8E6B23;
		box-shadow:1px 1px 2px white;
	}
	label{
		font-size:18px;
		margin:0;
		color:#8E6B23;
	}
	fieldset{
		label{
			@extend %font18;
		}
	}
	#submitForm{
		text-align:center;
		button{
			width:40%;
		}
	}
	#showPro{
		display:block;
		margin:10px auto;
		max-width:100%;
		max-height:100px;
	}
	legend{
		font-size:18px;
		color:#8E6B23;
	}
	#provide{
		#yes,#no{
			opacity:0;
		}
		label{
			background-color:transparent;
			border-color:white;
		}
	}
	#skillClass{
		label{
			background-color:transparent;
			border-color:white;
		}
		input{
			opacity:0;
		}
	}
}

#signin{
	@extend #information;
	#signForm{
		@extend #submitForm;
	}
	#signAuto{
		opacity:0;
	}
}

#wait{
	text-align:center;
	display:none;
}
#backInfo{
	text-align:center;
}

#signChoose{
	text-align:center;
	button{
		@extend %font18;
		border-radius:40px;
		border-width:2px;
		margin:0;
		width:40%;
		background-color:transparent;
		box-shadow:1px 1px 2px white;
	}
	.choose{
		background-color:#333;
		color:#fff;
	}
}

.ui-input-text{
	background-color:transparent !important;
}
.ui-radio{
	background-color:transparent;
}